草庐IT

Charts 饼图 Pie

全部标签

javascript - Google Charts 显示错误的月份

我有一个显示正确线条的谷歌折线图;但是日期的注释恰好偏离了一个月。json数据有正确的日期;但不知何故谷歌图表改变了它:有人知道为什么会这样吗? 最佳答案 没错,显示的是正确的月份当使用以下日期构造函数时,月份从零开始...日期(年、月、日、小时、分钟、秒、mill)请看下面的片段...console.log(newDate(2016,0,1));//以下是另一个片段,用于演示如何将json与googlecharts结合使用...google.charts.load('current',{callback:function(){va

javascript - Highcharts:如何将动态数据设置为向下钻取饼图?

我可以使用将数据设置到主饼图vardata=[1,2,3,4,5];//valueofdatawillbereturnedthroughanAJAXcallchart1.series[0].setData(data);同理,如何动态设置下钻数据?我试过chart1.drilldown[0].data='[1,2,3]';但是没有用。我正在使用RESTful服务来公开数据。 最佳答案 您可以使用chart.options.drilldown在运行时访问下钻varnewDrillDowns={id:'mydrilldowns',data

javascript - 谷歌饼图 : remove white gap between pie slices

类似于thisquestion,但对于Google饼图:如何删除Google饼图上切片之间的白线:在上图中,我想删除绿色箭头突出显示的空白区域。 最佳答案 您可以通过将pieSliceBorderColor设置为"transparent"来消除该间隙。在GoogleCodePlayground上尝试以下操作:functiondrawVisualization(){//Createandpopulatethedatatable.vardata=google.visualization.arrayToDataTable([['Task'

javascript - Angular2 使用标签更新 ng2-charts

最近我开始使用Angular2工作,并且对框架ng2-charts有疑问。这是我的component.ts代码:import{Component}from'@angular/core';import{ChartsModule}from'ng2-charts';import{PredictionService}from'./prediction.service'@Component({selector:'prediction-result-chart',templateUrl:'./predictionResultChart.component.html'})exportclassPre

javascript - D3.js 饼图..选中时饼图切片可以移动吗?

只是想知道是否可以用d3做这样的事情?http://jsfiddle.net/8T7Ew/当您点击某个饼图切片时,该切片会随点击移动到什么位置?到目前为止已经创建了馅饼,只是想知道我是否可以添加此功能body{font:10pxsans-serif;}.arcpath{stroke:#fff;}varwidth=960,height=500,radius=Math.min(width,height)/2;varcolor=d3.scale.ordinal().range(["#98abc5","#8a89a6","#7b6888","#6b486b","#a05d56","#d0743

javascript - 使 Nvd3 饼图显示带小数的百分比

我在Angular项目中使用Nvd3来绘制一些图表。我正在使用Krispo的AngularDirective(指令)(http://krispo.github.io/angular-nvd3/#/)。我正在展示一个饼图,其标签以百分比显示值,但显示的值被四舍五入且显示时没有小数。请参阅下面的plunker中的示例:http://plnkr.co/edit/jSf1TAkj5rO1S7p5PuJK?p=preview在上面的例子中,百分比应该是21.9%和78%。我只能更改切片值格式而不是标签,在本例中,标签是百分比。当我有一个接近100%的切片时,这是一个大问题,因为它应该显示99.9

javascript - Chart.js & Angular 2 - ng2-charts 自定义点击事件

我正在尝试在我的Angular2项目中实现ng2-charts,我想知道如何创建自定义onclick事件。意思是,我想覆盖购物车上的当前onclick事件以执行一些自定义功能(重定向到页面、显示模态等)。有没有简单的方法来做到这一点?它是内置的吗?任何见解将不胜感激 最佳答案 我在https://github.com/valor-software/ng2-charts/issues/489找到了这个解决方案publicchartClicked(e:any):void{if(e.active.length>0){constchart=

javascript - 饼图布局起始 Angular

我正在尝试对D3中的饼图布局使用startAngle,以确保饼图的第一片始终以90度Angular开始绘制:varpie=d3.layout.pie().sort(null).value(function(d){returnd.amount;}).startAngle(90*(Math.PI/180));这行得通,但我发现馅饼现在完成时短了90度:http://jsfiddle.net/qkHK6/105/我能想到的解决这个问题的唯一方法是像这样强制结束位置:.endAngle(450*(Math.PI/180))但这似乎是一个hack。有没有正确的方法来做到这一点?文档说使用star

javascript - D3 饼图 : Uncaught Type Error - Cannot read property 'pie' of undefined

我正在尝试基于此resource创建一个d3饼图.但是,我收到以下错误:UncaughtTypeError-Cannotreadproperty'pie'ofundefined我的代码:classPieChartextendsReact.Component{constructor(){super();//-Thisiswheretheerrorisoccuring!this.pie=d3.layout.pie().value((d)=>d.value);this.colors=d3.scale.category10();}arcGenerator(d,i){return();}rend

javascript - 谷歌图表 : Pie Chart title position

我被分配去实现一些图表,老板要求我把图表的标题和图表分开,我试着把图表的区域从顶部移动一点,但是标题也跟着图表移动了,比如这个:我尝试使用:chartArea:{top:80},结果如屏幕截图所示。我确定要移动的属性只是标题,它是另一个,但我还找不到。顺便说一句,这是我的整个对象:varcolumnChartProps={fontName:'HelveticaNeueBC',legend:{position:'none'},titleTextStyle:{fontSize:18},hAxis:{color:'#121b2d'},vAxis:{gridlines:{color:'#666